.panelUl {
  padding-bottom:  1.466667rem;
  .panel {
  // height: 4.4rem;
  background: #fff;
  padding: 15px 7px 14px 14px;
  overflow: hidden;
  margin-bottom:8px;

  .reveal {
    // height: 2.426667rem;
    padding-bottom: 15px; // background: hotpink;
    // border-bottom: 1px solid #F6F6F6;
    position: relative;
    &:after {
      content: '';
      width: 150%;
      left: -50px;;
      height: 1px;
      position: absolute;
      bottom: 0;
      background: #F6F6F6;;
    }
    display: flex;
    .left {
      width: 76px;
      .bg {
        width: 76px;
        height: 76px;
        background-size: cover;
        &.excel {
          background-image: url('../../../../static/img/Excel@2x.png')
        }
        &.txt {
          background-image: url('../../../../static/img/TXT@2x.png')
        }
        &.other {
          background-image: url('../../../../static/img/Other@2x.png')
        }
        &.word {
          background-image: url('../../../../static/img/Word@2x.png')
        }
         &.pdf {
          background-image: url('../../../../static/img/PDF@2x.png')
        }
         &.img {
          background-image: url('../../../../static/img/img@2x.png')
        }
      }
    }
    .center {
      flex: 1;
      margin-left: 10px;
      .panelTitle {
        color: #10171D;
        font-size: 16px;
        line-height: 2em;
        margin-bottom: 10px;
        display: flex;
        justify-content: space-between;
        span:first-child {
          text-overflow: ellipsis;/*这就是省略号喽*/		  
          overflow: hidden;/*设置超过的隐藏*/
          white-space: nowrap;/*设置不折行*/
          flex: 1;
          width: 0;
        }
        .status {
          font-size: 14px;
          min-width: 50px;
          text-align: right;
          margin-left: 5px;
          color: #999;
        }
      }
      .panelText {
        color: #999;
        font-size: 14px;
        line-height: 1.3em;
      
      }
      .panelTexlBottom {
        display: flex;
        justify-content: space-between;
        .detail {}
      }
    }
  }
  .operate {
    // background: skyblue;
    padding-top: 15px;
    text-align: right;
    .cancel {
      color: #888;
      border: 1px solid #BFBFBF;
      text-decoration: none;
      &:active {
        background: #EEE;
      }
    }
    .pickup {
      color: #19a4ff;
      border: 1px solid #19a4ff;
      text-decoration: none;
      &:active {
        color: #fff;
        background: #19a4ff;
      }
    }
  }
}

.panelWait {
  .select {
    height: 78px;
    width: 32px; // background: hotpink;
    line-height: 78px;
  }
}
.panelDone {
  .select {
    height: 78px;
    width: 32px; // background: hotpink;
    line-height: 78px;
  }
}
.bottom {
  background: #fff;
  width: 100%;
  height: 1.466667rem;
  line-height: 1.466667rem;
  background-size: cover;
  position: fixed;
  bottom: 0; // background: hotpink;
  padding-left: 14px;
  display: flex;
  justify-content: space-between;
  border-top: 1px solid #F6F6F6;
  .left {
    span {
      vertical-align: middle;
      color: #000;
      font-size: 16px;
      padding-left: 5px;
    }
    .selectAll {
      line-height: 1.466667rem;
      vertical-align: middle;
      font-size: 0;
    }
  }
  .center {
    flex: 1;
    text-align: right;
    padding-right: 12px;
    font-size: 15px;
    color: #3D4244;
    span:last-child {
      color: #ff555A
    }
  }
  .right {
    width: 104px;
    height: 100%;
    position: relative;
    text-align: center;
    img {
      width: 100%;
      height: 100%;
      position: absolute;
      left: 0;
      z-index: -999;
    }
    span {
      color: #fff;
      font-size: 13px;
    }
  }
}
.loading {
  text-align: center;
  color: #aaa;
  font-size: 14px;
  img {
    vertical-align: middle;
  }
  .line {
    position: relative;
    &:before {
      content: '';
      position: absolute;
      width: 30px;
      height: 1px;
      top: 50%;
      transform: translate( -40px ,-1px );
      background: #C9CBCE;
      height: 1px;
    }
    &:after {
 content: '';
      position: absolute;
      width: 30px;
      height: 1px;
      top: 50%;
      right: 0;
      transform: translate( 40px ,-1px );
      background: #C9CBCE;
      height: 1px;
    }
  }
}
  .nothing {
    padding-top: 3.333333rem;
    text-align: center;
    .nothingMsg {
      margin-top: 10px;
      color: #AAA;
      font-size: 14px;
    }
  .btn {
    margin-top: 35px; 
    height: 35px;
    width: 131px;
    color: #19A4FF;
    border: 1px solid #19a4ff; 
    line-height: 35px;
    text-decoration: none;
  }
  }
}